<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<title>米游助手帐户 - 登录</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/member/style.css"
	type="text/css"></link>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/member/page.css"
	type="text/css"></link>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jslib/jquery.css"
	type="text/css"></link>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jslib/Validform/Validform_v5.3.2_css.css"
	type="text/css"></link>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jslib/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/jslib/Validform/Validform_v5.3.2_min.js"></script>
</head>

<body>
	<div id="doc-hd">
		<div id="hd" class="clearfix" style="padding-top: 61.44px;">
			<div class="logo">
				<a hidefocus="true" href="/"></a>
			</div>
		</div>
		<div class="info" style="margin-top: 84.48px;">
			<span> <a href="${pageContext.request.contextPath}"
				target="_blank">米游助手首页</a> </span> <span class="split">|</span> <span>
				<a class="registerNew"
				href="${pageContext.request.contextPath}/register.jsp"
				onfocus="this.blur()" text="注册">注册新帐号</a> </span>
		</div>
	</div>
	<div id="doc-bd" class="content_wrapper layout"
		style="width: 930px; height: 446px;">
		<div>
			<h3 style="color: #FF7E00; font: 22px/ 1.1 微软雅黑, 黑体, 文泉驿黑体;">
				会员登录</h3>
			<hr class="hr_dashed_1" />
		</div>
		<form class="loginForm" method="post"
			action="${pageContext.request.contextPath}/system/login.shtml">
			<fieldset>
				<ol>
					<li>
						<c:if test="${status==null}">
							<font class="font_sty4" style="display:block;">请输入您的账号和密码进行登录</font>
						</c:if> <c:if test="${status=='y'}">
							<font class="font_red">您输入您的账号和密码有误，请尽快联系管理员协助修改</font>
						</c:if> <c:if test="${status=='j'}">
							<font class="font_red">您的账号还未激活，请去你的邮箱激活!</font>
						</c:if> <c:if test="${status=='l'}">
							<font class="font_red">您的账号被锁,请联系管理员!</font>
						</c:if>
					</li>
					<li>
						<label class="form_th"> 用户名 </label> 
						<input type="text"
							name="user.zhm000" value="" nullmsg="请输入用户名!" datatype="s3-18"
							errormsg="用户名至少3个字符,最多18个字符!" />
						<div class="Validform_checktip"></div>
					</li>
					<li>
						<label class="form_th"> 密码</label> 
						<input type="password" value=""
							name="user.zhmm00" datatype="*6-16" nullmsg="请输入密码！"
							errormsg="密码范围在6~16位之间！" />
						<div class="Validform_checktip"></div>
					</li>
					<c:if test="${status=='y'}">
					<li>
						<label class="form_th"> 验证码</label> 
						<input id="securityCode"
						class="check_code" type="text" name="securityCode" onchange=""
						datatype="s4-4" nullmsg="请输入验证码!" errormsg="验证码错误" /> <span
						class="check_code_img mlr10"><img
							src="${pageContext.request.contextPath}/system/codeImage.shtml"
							id="codeImage" alt="点击图片刷新验证码" /> </span> <span>点击图片刷新验证码</span>
						<div class="Validform_checktip"></div>
					</li>					
					</c:if>
					<li style="padding-top: 10px;">
						<label class="form_th">&nbsp;</label>
						<input value="登录" class="button mr5 mt10" type="submit" id="button"   />								
					</li>
					<li class="clr"></li>
				</ol>
			</fieldset>			
		</form>
	</div>
	<!-- 尾页 -->
	<jsp:include page="/pages/member/footer.jsp" flush="true"></jsp:include>

</body>
<script type="text/javascript" charset="utf-8">
	$(function() {
		//点击刷新验证码事件
		$("#codeImage")
				.click(
						function() {
							this.src = "${pageContext.request.contextPath}/system/codeImage.shtml?timestamp="
									+ new Date().getTime();
						});
		$("#securityCode")
				.change(
						function() {
							this
									.Validform({
										ajaxurl : "${pageContext.request.contextPath}/system/checkCodeImage.shtml?securityCode="
												+ document
														.getElementById("securityCode").value
									});
						});
		$(".loginForm").Validform({
			tiptype : function(msg, o, cssctl) {
				//msg：提示信息;
				//o:{obj:*,type:*,curform:*}, obj指向的是当前验证的表单元素（或表单对象），type指示提示的状态，值为1、2、3、4， 1：正在检测/提交数据，2：通过验证，3：验证失败，4：提示ignore状态, curform为当前form对象;
				//cssctl:内置的提示信息样式控制函数，该函数需传入两个参数：显示提示信息的对象 和 当前提示的状态（既形参o中的type）;
				if (!o.obj.is("form")) {//验证表单元素时o.obj为该表单元素，全部验证通过提交表单时o.obj为该表单对象;
					var objtip = o.obj.siblings(".Validform_checktip");
					cssctl(objtip, o.type);
					objtip.text(msg);
				}
			}
		});
	});
</script>
</html>
